<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        注：

        CSS Mask（遮罩）允许你使用图像或渐变作为遮罩层来控制元素的可见性。遮罩层中

        完全透明的部分，元素完全不可见
        半透明的部分，元素半透明状态
        不透明的部分，元素完全可见
        CSS Mask 提供了一系列属性来精确控制遮罩效果，包括遮罩图像、位置、大小、重复方式等。以下是相关属性列表

        属性	     说明
        mask-image	指定遮罩层图像或渐变
        mask-mode	指定遮罩图像模式
        mask-repeat	指定遮罩图像重复度
        mask-position	指定遮罩图像位置
        mask-size	指定遮罩图像延大小
        mask-clip	指定遮罩图像延伸区
        mask-origin	指定遮罩图定位区域
        mask-composite	指定遮罩图像如何合成操作
        mask	    遮罩图像复合写法

        以上属性可以组合使用，创造出各种视觉效果，如图像裁剪、渐变过渡、复杂形状显示等。
    -->
</body>
</html>